const { override, fixBabelImports, addLessLoader } = require('customize-cra');
const { getThemeVariables } = require('antd/dist/theme');

module.exports = override(
    // fixBabelImports('import', {
    //   libraryName: 'antd',
    //   libraryDirectory: 'es',
    //   //'css': 再也不需要再每个页面里面都引入“antd/dist/antd.css”
    //   //"less" || true: 暂时没发现用途, 不会自动引入antd.css或者antd.less, 不如直接注释掉 
    //   style: 'css'  
    // }),

    addLessLoader({
      lessOptions: {
        // modifyVars: { 
        //     '@primary-color': '#1DA57A',
        //     '@font-size-base': '24px'
        // },
        // modifyVars: getThemeVariables({
        //     dark: true, // 开启暗黑模式
        //     compact: true, // 开启紧凑模式
        // }),
        javascriptEnabled: true,
      },
    })
)
